<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <script src="jquery.min.js"></script>
<!--    attr(name|properties|key,value|fn)
概述
设置或返回被选元素的属性值。
参数
name
属性名称
properties
作为属性的“名/值对”对象
key,value
属性名称，属性值
key,function(index, attr)
1:属性名称。
2:返回属性值的函数,第一个参数为当前元素的索引值，第二个参数为原先的属性值。
-->
</head>
<body>
<input type="button" id="btu" value="按钮">
<img src="bizhi.jpg" id="img">


<script>
    $('#btu').click(function () {
        //    获取元素 设置属性值
        //$('#img').attr('src','16888.jpg');
        //一次设置多个 需要传对象
        //$('#btu').attr({'src':'16888.jpg','alt':'没有'});

        //使用函数返回值作为属性值
        $('#img').attr('height',function () {
            return 2*30;
        });

        //删除属性
        $('#img').removeAttr('src');
    });

</script>

</body>
</html>